<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jb-aptech毕业设计项目</TITLE>
<meta name="renderer" content="ie-comp">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="../css/style.css" rel="stylesheet" type="text/css">
<script src="../script/common.js"></script>

 <!--<script src="../script/fusioncharts.charts.js"></script>-->
 <!--<script src="../script/fusioncharts-jquery-plugin.min.js"></script>-->
 <!--<script src="../script/js/fusioncharts.js"></script>-->
  <!--<script src="../script/js/themes/fusioncharts.theme.fint.js"></script>-->
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <script src="../script/jquery-3.3.1.min.js"></script>
    <script src="../script/bootstrap.min.js"></script>
    <script src="../script/vue.js"></script>

</head>
<body>

<div class="page_title">客户贡献分析</div>
<div id="app">
<div class="button_bar">
	<button class="common_button" onclick="help('');">帮助</button>
	<button class="common_button" @click="query(1);">查询</button>
	</div>
<table class="query_form_table">
	<tr>
		<th>客户名称</th>
		<td><input v-model="ordersl.odr_customer" /></td>
		<th>年份</th>
		<td>
			<select v-model="ordersl.odr_date">
				<option value="">全部</option>
				<option v-for="n in nian">{{n}}</option>
			</select>
		</td>
	</tr>
	</table>
<br />
<table class="data_list_table" >
	<tr>
		<th>编号</th>
		<th>客户名称</th>
		<th>订单金额（元）</th>
	</tr>
	<tr v-for="(o,i) in ordersls">
		<td class="list_data_number">{{i+1}}</td>
		<td class="list_data_ltext">{{o.odr_customer}}</td>
		<td class="list_data_number">{{o.num}} </td>
	</tr>
</table>
</div>
<script>
    app = new Vue({
        el:'#app',
        data:{
            ordersl:{
                odr_customer:'',
                odr_date:'',
            },
            ordersls:[],
            nian:[],
        },
        methods: {
            query() {
                $.getJSON("/Orders/queryPage2", this.ordersl, function (json) {
                    app.ordersls = json.data.list;
                    for (var i =0;i<=20;i++){
                        app.nian[i]=2000+i;
                    }

                });


            },
        },
        created(){
            this.query();
        }
    });


</script>
</body>
</html>